<!DOCTYPE html PUBLIC "">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>ueditor</title>
    <link rel="stylesheet" type="text/css" href="../../themes/bootstrap/cetc54.ui.all.css">

</head>
<body>
<button id="btnLoad">载入</button>
<button id="btnDestory">销毁</button>
<button id="btnRead">只读</button>
<button id="btnEdit">可编辑</button>
<div id="div_editor">dfadfasf<font color="red">asdfadf</font></div>
</body>
<script type="text/javascript" src="../../lib/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../../lib/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="../../lib/ueditor/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8" src="../../lib/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="../../release/cetc54.ui.all.js"></script>

<script>
    $('#div_editor').uiUEditor({
        autoFit: true
    });
    $('#div_editor').uiUEditor('disable');
    $('#btnDestory').bind('click', function () {
        $('#div_editor').uiUEditor('destroy');
    });
    $('#btnLoad').bind('click', function () {
        $('#div_editor').uiUEditor({
            autoFit: true
        });
    });
    $('#btnRead').bind('click', function () {
        $('#div_editor').uiUEditor('setReadonly',true);
    });
    $('#btnEdit').bind('click', function () {
        $('#div_editor').uiUEditor('setReadonly',false);
    });
</script>
</html>